'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  
  // 是否为生产环境
  VUE_APP_IS_PRO: '"0"',

  // 强制定义的api接口域名，不带结尾斜杠，例如 https://demo.com
  // 如果为空，则使用当前HTTP请求的域名
  /**
   * 【注意】
   * 因为开发期间的跨域问题，需要修改\config\index.js的dev的proxyTable代理来指定开发环境下的api接口域名，
   * 参考https://www.php.cn/faq/557522.html 和 https://www.jb51.net/article/269161.htm
   * 除非后台服务器开启了“Access-Control-Allow-Origin: *”，否则需要使用本地的proxyTable本地反向代理服务。
   * 
   * 【原理】
   * A. 页面      http://localhost:8080/admin/user/login
   * B. 本地接口  http://localhost:8080/api/login           [匹配进入本地node的proxyTable反向代理服务]
   * C. 目标接口  http://my.com/api/login
   * 
   * 因为浏览器的跨域限制CORS，[页面A]无法直接访问[目标接口C]；
   * 因为本地proxyTable服务运行在[页面A]的相同域名下，所以[页面A]可以访问本地proxyTable反向代理服务并传入[本地接口B]，而不会跨域报错；
   * 本地proxyTable反向代理服务会将[本地接口B]的请求转发到[目标接口C]，这个动作发生在node服务器中，内部已经解决了跨域问题，可以安全拿到[目标接口C]的响应数据；
   * 本地proxyTable反向代理服务将[目标接口C]的响应数据返回给浏览器中的[页面A]，
   * [页面A]即可访问到[目标接口C]的数据。
   * 
   */
  
  VUE_APP_FORCE_API_DOMAIN: '""',

  // api接口前缀
  VUE_APP_API_PREFIX: '"/api/admin"',

  // 应用前缀
  VUE_APP_BASE: '"admin"',
})
